{% extends "base.html" %}

{% load static %}

{% block body %}
<div style="margin: 10px;">
  <h1>{{ process.name }}</h1>
  <div class="mermaid">
    {{ graph_src }}
  </div>
</div>
{% endblock %}

{% block footer_ext %}
<script src="{% static 'mermaid/dist/mermaid.min.js' %}" type="text/javascript"></script>
<script>
  mermaid.initialize({startOnLoad:true});
</script>
{% endblock %}
